@import "./variable.module.scss";

// 主题颜色
.color-main {
    color: $mainColor;
}

// 主题背景色
.bg-main {
    background-color: $mainBgColor;
}

// element-ui 下拉菜单样式修改
.dropdownPop .el-dropdown-menu__item:hover {
    color: $mainColor;
    background-color: $mainBgOpacity;
}

// element-ui el-badge 小圆点样式
.el-badge__content,
.el-progress.is-exception .el-progress-bar__inner {
    background-color: $mainBgColor;
}

// el-select 下拉时，鼠标经过文字内容颜色设置
.el-select-dropdown__item.selected,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.hover {
    color: $mainColor !important;
}

// el-select 下拉时, 内容横向排列
.commodityUnitSelectPopper {
    .el-select-dropdown__list {
        display: flex; /* 使下拉菜单内容横向排列 */
        flex-wrap: wrap; /* 允许换行 */
        justify-content: flex-start; /* 对齐方式 */
        max-width: 748px; /* 下拉菜单最大宽度 */
        .el-select-dropdown__item {
            display: inline-block; /* 使每个选项横向排列 */
            width: 68px; /* 选项宽度自动 */
            text-align: center;
        }
    }
}


// 去除表单自动填充背景色
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset !important;
}

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

// 表格内,左右内边距
.el-table th.el-table__cell>.cell,
.el-table th.el-table__cell>.cell,
.el-table .cell,
.el-table .cell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

// 表格表头右侧多余小边框
// .el-table--border th.el-table__cell.gutter:last-of-type {
//     border-bottom-width: 0px !important;
// }

// .el-table tr {
//     height: 17px !important;
// }

// .el-table td.el-table__cell div {
//     height: 17px !important;
//     line-height: 17px !important;
// }

// el-input 内边距设置
.el-input__inner {
    padding: 3px 6px !important;
}

// 表单不显示背景色和边框
.customInputStyle .el-input__inner {
    border: none !important;
    background: none !important;
}

// el-input 表单文本内容居中
.el-input-center .el-input__inner {
    text-align: center;
}

// el-textarea 内边距设置
.el-textarea__inner {
    padding: 0 5px !important;
}

// 设置 el-dialog 标题与内容之间的边距
.el-dialog__body {
    padding: 10px 20px !important;
}

// 将输入框右侧清空按钮显示出来，不加边距的话，按钮和文字重叠了
.customInput .el-input__inner {
    padding: 0 25px 0 5px !important;
}

// 还原表单样式
.customInit .el-input__inner {
    padding: 0 30px !important;
}

.customTableBox .el-table__body {
    // margin-bottom: 28px;
}

::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    background-color: #e6e6e6;
}

// 滚动条
::-webkit-scrollbar-thumb {
    height: 18px;
    background: #8a8a8a;

}

.webkit1::-webkit-scrollbar {
    width: 18px;
    height: 18px;
    background-color: #e6e6e6;
}


.tableData .el-input--mini {
    font-size: 15px;
    line-height: 31px;
}

.unitPricePopper {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 90px !important;
    transform: translateY(19px) !important;

    .popContent {
        border: 1px solid #1375FF !important;
        background: #ffffff;
        padding: 10px;
        border-radius: 8px;
        transform: translateX(-22px) !important;
    }
}

.kynumPopper {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: 90px !important;
    transform: translateY(14px) !important;

    .popContent {
        border: 1px solid #1375FF !important;
        background: #ffffff;
        padding: 10px;
        border-radius: 8px;
        transform: translateX(-22px) !important;
    }
}